<!-- GuideView.vue -->
<template>
  <div class="guide-container">
    <!-- 复用 NewUserGuide 组件 -->
    <NewUserGuide
        :is-page-mode="true"
        @guide-complete="handleGuideComplete"
    />
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router';
import NewUserGuide from '@/views/Guide/NewUserGuide.vue';

const router = useRouter();

const handleGuideComplete = () => {
  router.push('/index'); // 完成指引后跳转首页
};
</script>

<style scoped>
.guide-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 40px 20px;
}
</style>